<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>森林火情监控系统-Application</title>
    <!-- Favicon -->

    <!-- Latest Bootstrap min CSS -->
    <link rel="stylesheet" href="static/css/bootstrap.min.css">
    <!-- venobox CSS -->
    <link rel="stylesheet" href="static/css/venobox.css" media="all">
    <!-- Theme Default CSS -->
    <link rel="stylesheet" href="static/css/theme-default.css">
    <!-- animate CSS -->
    <link rel="stylesheet" href="static/css/animate.css">
    <!-- meanmenu min CSS -->
    <link rel="stylesheet" href="static/css/meanmenu.min.css">
    <!-- font-awesome CSS -->
    <link rel="stylesheet" href="static/css/all.min.css">
    <!-- main style CSS-->
    <link rel="stylesheet" href="static/css/style.css">
    <!-- bootstrap icons CSS -->
    <link rel="stylesheet" href="static/css/bootstrap-icons.css">
    <!-- owl-carousel CSS -->
    <link rel="stylesheet" href="static/css/owl.carousel.min.css" media="all">
    <!-- owl theme-default CSS -->
    <link rel="stylesheet" href="static/css/owl.theme.default.min.css" type="text/css" media="all">
    <!-- Responsive CSS -->
    <link rel="stylesheet" href="static/css/responsive.css">
    <!-- modernizr js -->
    <script src="static/js/modernizr-3.5.0.min.js"></script>
</head>
<body>
<!---==================== Header Section Area Start ===================-->
<div class="header-area transparent">
    <div class="header-sticky">
        <div class="container">
            <div class="row d-flex align-items-center">
                <div class="col-lg-2 col-md-2">
                    <div class="header-logo">
                        <a class="main-logo" href="Fire-Monitor.html"><img src="static/picture/logo1.png" alt=""></a>
                        <a class="sticky-logo" href="Fire-Monitor.html"><img src="static/picture/logo1.png" alt=""></a>
                    </div>
                </div>
                <div class="col-lg-8 col-md-8">
                    <div class="header-main-menu">
                        <ul>
                            <li><a href="Fire-Monitor.html" style="color: black">Home</a></li>
                            <li><a href="Background.html" style="color: black">项目背景</a></li>
                            <li><a href="Innovation.html" style="color: black">创新优势</a></li>
                            <li><a href="Application.html" style="color: black">实机操作</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--===================================================================================-->
<div class="breadcrumb-area">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="breadcrumb-box">
                    <div class="breadcrumb-section-title pt-50">
                        <h1 style="color: black">实机操作</h1>
                    </div>
                    <div class="breadcrumb-menu">
                        <ul>
                            <li><a href="Fire-Monitor.html" style="color:white"><i class="bi bi-house-fill"></i>Home</a></li>
                            <li><a style="color:white">图片</a></li>
                            <li><a style="color:white">视频</a></li>
                            <li><a style="color:white">实时影像</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!--============================================================================================-->

<div class="services-section pt-120 pb-120">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-12">
                <div class="section-title text-center pb-40">
                    <span><a style="color: red;font-size: 30px"><strong>Transmission</strong></a></span>
                    <h1>数据上传</h1>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-4 col-md-8">
                <div class="services-box">
                    <div class="services-icon">
                        <img src="static/picture/icon-01.png" alt="">
                    </div>
                    <div class="services-content">
                        <h3>图片文件</h3>
                        <p>用于检测获取到的图片，测试程序
                            <br> 上传后返回识别结果
                        </p>
                    </div>
                    <div>
                        <input type="file" id="file" name="myfile" />
                        <input type="button" onclick="UpladFile()" value="上传">
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-8">
                <div class="services-box">
                    <div class="services-icon">
                        <!--                        <a href="#">-->
                        <img src="static/picture/icon-02.png" alt="">
                        <!--                        </a>-->
                    </div>
                    <div class="services-content">
                        <h3>视频文件</h3>
                        <p>选择需要检测的视频文件
                            <br> 上传后返回动态检测视频
                        </p>
                    </div>
                    <div>
                        <input type="file" id="file" name="myfile" />
                        <input type="button" onclick="UpladFile()" value="上传">
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-8">
                <div class="services-box">
                    <div class="services-icon">
                        <!--                        <a href="#">-->
                        <img src="static/picture/icon-03.png" alt="">
                        <!--                        </a>-->
                    </div>
                    <div class="services-content">
                        <h3>实时数据传输</h3>
                        <p>Education began inprehistory
                            <br> as adults trainedthe young
                        </p>
                    </div>
                    <div>
                        <input type="button" onclick="" value="实时检测">
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

<!---==================== scroll top Section Area Start ===================-->
<div class="scroll-area">
    <div class="top-wrap">
        <div class="go-top-btn-wraper">
            <div class="go-top go-top-button active">
                <i class="fas fa-arrow-up"></i>
                <i class="fas fa-arrow-up"></i>
            </div>
        </div>
    </div>
</div>
    <!-- ==================== JS======================== -->
    <!-- jquery js -->
    <script src="static/js/jquery-3.2.1.min.js"></script>
    <!-- bootstrap js -->
    <script src="static/js/bootstrap.min.js"></script>
    <!-- wow js When You Scroll -->
    <script src="static/js/wow.js"></script>
    <!-- counterup js When You Scroll -->
    <script src="static/js/jquery.counterup.min.js"></script>
    <!-- venobox js -->
    <script src="static/js/venobox.js"></script>
    <!-- venobox min js -->
    <script src="static/js/venobox.min.js"></script>
    <!-- Mobile Menu js -->
    <script src="static/js/jquery.meanmenu.js"></script>
    <!-- owl-carousel js -->
    <script src="static/js/owl.carousel.min.js"></script>
    <!-- jquery scrollup js -->
    <script src="static/js/jquery.scrollUp.js"></script>
    <!-- custom js -->
    <script src="static/js/theme.js"></script>

</body>
</html>